<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>Administrador</title>
        <link rel="stylesheet" href="resources/css/style.css" />
        <h:outputStylesheet library="css" name="style.css"/>

    </h:head>
    <h:body onload="#{ControladorUsuarios.cargarTablaUsuarios()}">

        <p:layout fullPage="true">  

            <p:layoutUnit position="north" size="100">  
                <h:outputText value="North unit content." />  
            </p:layoutUnit>  

            <!-- <p:layoutUnit position="south" size="100" header="Bottom" styleClass="bot">  
              <h:outputText value="South unit content." />  
          </p:layoutUnit>  -->

            <p:layoutUnit position="west" size="200" header="Left" resizable="true" closable="true" collapsible="true" >  
                <h:outputText value="West unit content." />  
            </p:layoutUnit>  

            <p:layoutUnit position="east" size="200" header="Right" resizable="true" closable="true" collapsible="true" effect="drop" >  
                <h:outputText value="Right unit content." />  
            </p:layoutUnit>  

            <p:layoutUnit position="center" >  
                <p:tabView id="tabView">  

                    <p:tab id="tab1" title="Gestion de usuarios">       
                        <h:form>
                            <p:dataTable  id="datatable1" 
                                          value="#{ControladorUsuarios.listaUsuarios}"
                                          var="lis" 
                                          style="column-width: 50px;font-size: 12px;"
                                          paginator="true"
                                          rows="10"
                                          rowsPerPageTemplate="10,20,30"
                                          rowKey="#{lis.login}"
                                          selection="#{ControladorUsuarios.usuario}"
                                          selectionMode="single"

                                          >
                                 <p:column style="width:4%">  
                <p:commandButton id="selectButton"  icon="ui-icon-check" title="View">  
                    <f:setPropertyActionListener value="#{lis}" target="#{ControladorProyecto.proyecto}" />  
            </p:commandButton>  
             </p:column>
                                <p:column sortBy="#{lis.login}" filterBy="#{lis.login}" headerText="Login">
                                    <h:outputText value="#{lis.login}"/>
                                </p:column>
                                <!-- <p:column headerText="Password">
                                     <h:outputText value="#{lis.contrasena}"/>
                                 </p:column>-->
                                <p:column headerText="Tipo">
                                    <h:outputText value="#{lis.tipousuario}"/>
                                </p:column>
                                <p:column headerText="Estado">
                                    <h:outputText value="#{lis.estado}"/>
                                </p:column>

                            </p:dataTable>
                        </h:form>    
                        <h:panelGrid id="panelgrid1" columns="3">
                            
                            <p:commandButton value="Create" image="ui-icon-circle-plus"  styleClass="button" onclick="dlg.show();"/>
                            <p:commandButton value="View"   image="ui-icon-search"  styleClass="button" update="display" oncomplete="dlg2.show();"/>
                            <p:commandButton value="Editar" image="lapiz"   styleClass="button" update="display2" oncomplete="dlg3.show();"/>
                            <p:dialog id="dialog3" header="Editar" widgetVar="dlg3" resizable="false" 
                                      modal="false" hideEffect="fold"
                                      showEffect="clip">
                                <h:form id="display2">

                                    <h:panelGrid columns="3" cellpadding="5">  

                                        <h:outputLabel for="Login" value="Login:" />  
                                        <p:inputText  id="EditLogin" required="true" requiredMessage="Digite el Login" value="#{ControladorUsuarios.usuario.login}" disabled="true"/>
                                        <p:message id="editloginmessage" for="EditLogin" />

                                        <h:outputLabel for="password" value="Contraseña:" />  
                                        <p:password id="Editpass" required="true" requiredMessage="Digite la contraseña"  value="#{ControladorUsuarios.usuario.contrasena}"/>
                                        <p:message id="Editpassmessage" for="Editpass" /> 

                                        <h:outputLabel for="Tipo" value="Tipo:" />  
                                        <p:inputText  id="EditTipo" required="true" requiredMessage="Digite el Tipo" value="#{ControladorUsuarios.usuario.tipousuario}"/>
                                        <p:message id="EditTipotMessage" for="EditTipo" />

                                        <h:outputLabel for="Estado" value="Estado:" />  
                                        <p:inputText  id="EditEstado" required="true" requiredMessage="Digite el Estado" value="#{ControladorUsuarios.usuario.estado}"/>
                                        <p:message id="EditEstadotMessage" for="EditEstado" />

                                        <f:facet name="footer">  
                                            <p:commandButton id="EditButton" value="Modificar" actionListener="#{ControladorUsuarios.editarUsuario()}" onclick="dlg3.hide();"/>  
                                        </f:facet>  

                                    </h:panelGrid>  
                                </h:form>
                            </p:dialog> 


                            <p:dialog id="dialog2" header="usuario" widgetVar="dlg2" resizable="false"  
                                      showEffect="clip" hideEffect="fold" modal="false">  
                                        <h:form id="display">
                                <h:panelGrid columns="2" cellpadding="4">  
                                    <h:outputText value="Login:" />  
                                    <h:outputText value="#{ControladorUsuarios.usuario.login}" />
                                    <h:outputText value="Tipo:" />  
                                    <h:outputText value="#{ControladorUsuarios.usuario.tipousuario}" />
                                    <h:outputText value="Login:" />  
                                    <h:outputText value="#{ControladorUsuarios.usuario.estado}" />
                                </h:panelGrid>  
                                </h:form>
                            </p:dialog> 

                            <p:dialog id="dialog" header="Create" widgetVar="dlg" resizable="false" modal="false">
                                <h:form>
                                    <h:panelGrid id="grid2" columns="3" cellpadding="5">  
                                        <h:outputLabel for="Login" value="Login:" />  
                                        <p:inputText  id="login2" required="true" requiredMessage="Digite el Login" value="#{ControladorUsuarios.txtLogin}"/>
                                        <p:message id="defaultMessage" for="login2" />

                                        <h:outputLabel for="password" value="Contraseña:" />  
                                        <p:password id="pass" required="true" requiredMessage="Digite la contraseña"  value="#{ControladorUsuarios.txtPassword}"/>
                                        <p:message id="default" for="pass" /> 

                                        <h:outputLabel for="Tipo" value="Tipo:" />  
                                        <p:inputText  id="Tipo" required="true" requiredMessage="Digite el Tipo" value="#{ControladorUsuarios.txtTipo}"/>
                                        <p:message id="defaultMessage2" for="Tipo" />

                                        <h:outputLabel for="Estado" value="Estado:" />  
                                        <p:inputText  id="Estado" required="true" requiredMessage="Digite el Estado" value="#{ControladorUsuarios.txtEstado}"/>
                                        <p:message id="defaultMessage3" for="Estado" />

                                        <f:facet name="footer">  
                                            <p:commandButton id="loginButton" value="guardar" actionListener="#{ControladorUsuarios.crearUsuarios()}" onclick="dlg.hide();"/>  
                                        </f:facet>  

                                    </h:panelGrid>  
                                </h:form>
                            </p:dialog> 
                        </h:panelGrid>   

                    </p:tab>          
                </p:tabView>  
            </p:layoutUnit>  

        </p:layout>     

    </h:body>
</html>